<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" name="username" value="admin" placeholder="请输入用户名" autofocus>

    <script>
        /* 
            属性节点(Attr)
                - 在DOM也是一个对象，通常不需要获取对象而是直接通过元素即可完成对其的各种操作
                - 如何操作属性节点：
                    方式一：
                        读取：元素.属性名(注意，class属性需要使用className来读取)
                        修改：
                    方式二：
                        读取：
                        修改：

        */
        const input = document.querySelector("[name=username]")
        input.setAttribute("disabled", true);
        input.removeAttribute("disabled");
    </script>
</body>
</html>